5
תגובות

div ב טבלה

פתח razand ,
יש לי div בתוך עמודה בטבלה.
איך אני יכול לעשות של DIV יהיה בדיוק את אותו אורך של העמודה השניה.
הטבלה בנויה ככה:
<table>
<tr>
<td valign="top">
<div id="toolbar">
  <nav>
  <a href="#">כפתור 1</a>
    <a href="#">כפתור 2</a>
    <a href="#">כפתור 3</a>
    </nav>
</div>
</td>
<td valign="top">
<div id="body">
text
</div>
</td>
</tr>
</table>


אז השאלה בעצם היא איך לעשות ש toolbar יהיה שווה באורך ל body

5 תשובות

avatar ענה OrelBeY ב 29 ליוני 2013 #

למה לא פשוט להגדיר לשני התאים את אותו רוחב?
אם התכוונת לגובה - הם תמיד יהיו באותו גובה, כי הם באותה שורה בטבלה. אולי התכוונתי ליישור אנכי (vertical-align)? כי אני רואה שהשתמשת במאפיין valign. רק שתדע: המאפיין הזה יצא מתקן ה-HTML כבר לפני הרבה זמן, וכדאי מאוד שלא תשתמש בו.

avatar ענה razand ב 29 ליוני 2013 #

בסדר אני לא ישתמש בו אבל זה לא קשור אליו.
הכוונה שלי ששתי ה div יהיו באותו אורך(לא רוחב).
והם לא ככה. ואני לא יכול להגדיר פה רוחב קבוע כי הוא אמור להשתנות.
ומשום מה עם אני מגדיר את toolbar ל 100% באורך הוא עדיין לא בגודל של כל העמודה

avatar ענה OrelBeY ב 29 ליוני 2013 #

שוב אני אשאל - מה הכוונה באותו אורך? שתי העמודות תמיד יהיו באותו אורך.
וגם - אתה בטוח שאתה צריך פה טבלה? כי לפי דוגמת הקוד זה נראה כמו אלמנט עיצובי בלבד.

avatar ענה razand ב 29 ליוני 2013 #

כן כדי לשים שתי div אחד ליד השני.
עם flot זה לא ניראה טוב..
וארך - height

avatar ענה OrelBeY ב 29 ליוני 2013 #

אז תן לי להגיד לך (מצטער שאני מעיר כל הזמן) שזו שיטה שהייתה נהוגה פעם, אבל היא לא נגישה ולא מומלצת בכלל.
כל מקרה לגופו. יכול להיות שזה יצר בעיות, אבל אפשר לפתור אותן... יש גם דרכים אחרים. תגגל את זה באנגלית.
כן, רק עכשיו קלטתי שאתה מדבר על ה-div, ולא על ה-td. אז כמו שאמרתי, יש דרכים... קח למשל זה, או את המאמר הזה, שמרכז לא מעט שיטות.